﻿<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8" />
	<title>通过手机-重置密码</title>
	<link href="public/style/main-pwd.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="get-pwd-warper">
	<!-- head-begin -->
	<div class="headers">
		<div class="login-register">
			<a href="">注册</a>
			<a href="" class="on">登录</a>
		</div>
		<div class="headers-logo">
			<a href="">
				<img src="public/images/logo.png" alt="" title="" />
			</a>
		</div>
		<div class="navigation-list">
			<li class="on"><a href="">首页</a></li>
			<li><a href="">社团</a></li>
			<li><a href="">生活指南</a></li>
			<li><a href="">关于我们</a></li>
		</div>
	</div>
	<!-- head-end -->
	
	<!-- contents-begin -->
	<div class="bgc-conts">
		<div class="contents-pwd">
			<div class="content-pwd-top">
				<h1>找回密码</h1>
			</div>
			<div class="content-pwd-center">
				<div class="find-phone-mail" id="find-phone-mail">
					<a href="javascript:void(0);" class="on">手机找回</a>
					<a href="javascript:void(0);">邮箱找回</a>
				</div>
				<div class="phone-mail-details" id="phone-mail-tabs">
					<ul>
						<li class="phone-mail-forms">
							<div class="get-message">
								<div class="message-error">
									<i></i>
									<em>手机输入有误请检查</em>
								</div>
							</div>
							<div class="find-title-icon">
								<img src="public/images/get-phone-success.png" alt="" title="" />
							</div>
							<div class="find-phone-form">
								<ul>
									<li>
										<h1>验证成功！请重置密码。</h1>
									</li>
									<li>
										<label for="">账号:</label>
										<em>13666666666</em>
									</li>
									<li class="width-300">
										<input type="password" name="" id="" placeholder="新密码6~32字符" value="">
									</li>
									<li class="width-300">
										<input type="password" name="" id="" placeholder="确认密码"/>
										
									</li>
									<li class="phone-btn">
										<input type="button" value="确定" />
									</li>
								</ul>
							</div>
						</li>
						<li class="phone-mail-forms display-none">
							<div class="get-message">
								<div class="message-error">
									<i></i>
									<em>邮箱输入有误请检查</em>
								</div>
							</div>
							<div class="find-title-icon">
								<img src="public/images/get-pwd-mail.png" alt="" title="" />
								<h2>邮箱</h2>
							</div>
							<div class="find-mail-form">
								<ul>
									<li class="width-300">
										<input type="text" name="" id="" placeholder="输入注册邮箱号"/>
									</li>
									<li class="width-138">
										<input type="text" name="" id="" placeholder="输入验证码"/>
										<a href=""><img src="public/images/get-mail-code.png" alt="" title="" /></a>
									</li>
									<li class="phone-btn">
										<input type="button" value="发送" />
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- contents-end -->
	<!-- footer-begin -->
	<div class="footer">
		<p>2014&nbsp;<a href="">悦龄网</a>&nbsp;All rights reserved. 海南悦龄网络科技有限公司 版权所有</p>
		<p>ICP证沪B2-20120099</p>
	</div>
	<!-- footer-end -->
</div>
	
<script src="public/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="public/js/default.js" type="text/javascript"></script>
</body>
</html>